<template>
    <el-dialog
  title="充值会员(10/月)"
  :visible.sync="dialogVisible"
  width="60%"
  :before-close="handleClose">
<img src="../../assets/zhifuma.jpg" alt="" width="400px">
<!-- <div class="select">
  请选择购买时长
<el-select v-model="value" placeholder="请选择" @change="subtotal(value)">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>

</div> -->

  <div class="total">
    <h1 ></h1>
  </div>
  
  <span slot="footer" class="dialog-footer">
    
    <el-button @click="dialogVisible = false">取 消</el-button>
    <el-button type="primary" @click="dialogVisible = false">确认</el-button>
  </span>
</el-dialog>
</template>
<script>
export default {
    name: 'Addvip2',
    data() {
        return {
          dialogVisible: false,
          options: [{
          value: '1',
          label: '一个月'
        }, {
          value: '2',
          label: '3个月'
        }, {
          value: '3',
          label: '半年'
        }, {
          value: '4',
          label: '一年'
        }, {
          value: '5',
          label: '两年'
            }],
          value: "",
        total:"购买"
    }
  },
  methods: {
    subtotal() {
      if (this.value == 1) {
        this.total="确认支付"+10*this.value
      } else if (this.value == 2) {
        this.total="确认支付"+10*this.value
      } else if (this.value == 3) {
        this.total="确认支付"+10*6
      } else if (this.value == 4) {
        this.total="确认支付"+10*12
      } else if (this.value == 5) {
        this.total="确认支付"+10*24
      }
    }
   }
}
</script>
<style scoped>

</style>